<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>当当图书榜</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			div#d1 {
				width: 1030px;
				padding-left: 50px;
				padding-top: 80px;
			}

			div#d1 #d2 ul li {
				list-style: none;
				float: left;
				margin-left: 15px;
			}

			div#d1 #d2 ul li a {
				text-decoration: none;
				color: gray;
				font-family: "宋体";
			}

			div#d1 #d2 ul {
				float: right;
				margin-right: 30px;
				margin-top: -40px;
				border: 1px solid #C8ECE3;
				background-color: #EAFFFA;
				color: gray;
				height: 35px;
				line-height: 35px;
				text-align: center;
			}

			div#d1 #d3 ul li {
				list-style: none;
				float: left;
				margin-left: 28px;
			}

			div#d1 #d3 ul li a {
				text-decoration: none;
				color: white;
				font-family: "宋体";
			}

			div#d1 #d3 ul li a:hover {
				text-decoration: underline;
			}

			div#d1 #d3 ul {
				margin-left: -25px;
				margin-top: 8px;
				border: 1px solid #FE6915;
				background-color: #FE6915;
				height: 35px;
				line-height: 35px;
				color: white;
				width: 1030px;
			}

			div#d1 #d4 img {
				width: 1030px;
				float: left;
				margin-top: 10px;
				margin-left: -25px;
			}

			div#d1 #d5 {
				border: 3px solid #CCE9AC;
				width: 1030px;
				height: 400px;
				float: left;
				margin-top: 20px;
				margin-left: -25px;
				z-index: 100;
			}

			div#d1 #d5 img {
				float: left;
				margin-top: 20px;
				margin-left: -15px;

			}

			div#d1 #d6 img {
				position: absolute;
				left: 48px;
				top: 426px;
				z-index: 100;
			}

			div#d1 #d7 img {
				position: absolute;
				left: 29px;
				top: 426px;

			}

			div#d1 #d8 {
				position: absolute;
				left: 270px;
				top: 426px;
				line-height: 25px;
			}

			div#d1 #d9 img {
				position: absolute;
				left: 650px;
				top: 426px;
				z-index: 100;
			}

			div#d1 #d10 img {
				position: absolute;
				left: 650px;
				top: 435px;
			}

			div#d1 #d11 {
				position: absolute;
				left: 750px;
				top: 435px;
				line-height: 25px;
			}

			div#d1 #d12 img {
				position: absolute;
				left: 650px;
				top: 580px;
			}

			div#d1 #d13 img {
				position: absolute;
				left: 645px;
				top: 580px;
				z-index: 100;
			}
			div#d1 #d14 {
				position: absolute;
				left: 750px;
				top: 580px;
				line-height: 25px;
			}
			div#d1 #d15{
				position: absolute;
				left: 100px;
				top: 770px;
				text-align: center;
				color: gray;
			}
			div#d1 #d15 img{
				/* position: absolute;
				left: 500px;
				top: 770px; */
				vertical-align: middle;
			}
			div#d1 #d2 ul{
				position: relative;
			}
			div#d1 #d2 ul li:last-child{
				position: absolute;
				left: 8px;
				top: -13px;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<img src="images2/logo.jpg">
			<div id="d2">
				<ul>
					<li><a href="#">尾品汇</a></li>
					<li><a href="#">当当优品</a></li>
					<li><a href="#">数字馆</a></li>
					<li><a href="#">都看阅器</a></li>
					<li><img src="images2/icon_count.png" ></li>
				</ul>
			</div>
			<div id="d3">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">图书</a></li>
					<li><a href="#">音像</a></li>
					<li><a href="#">童装</a></li>
					<li><a href="#">服装</a></li>
					<li><a href="#">鞋靴</a></li>
					<li><a href="#">运动</a></li>
					<li><a href="#">箱包</a></li>
					<li><a href="#">美妆</a></li>
					<li><a href="#">珠宝</a></li>
					<li><a href="#">家居</a></li>
					<li><a href="#">食品</a></li>
					<li><a href="#">酒</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">数码</a></li>
					<li><a href="#">电脑</a></li>
					<li><a href="#">家电</a></li>
				</ul>
			</div>
			<div id="d4">
				<img src="images2/banner.png">
			</div>
			<div id="d5">
				<img src="images2/bg_bang.gif">
			</div>
			<div id="d6">
				<img src="images2/bookNo1.gif">
			</div>
			<div id="d7">
				<img src="images2/book-01.jpg">
			</div>
			<div id="d8">
				偷影子的人<br />
				作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译<br />
				出版社：湖南文艺出版社<br />
				当当价：￥ 17.90<br />
				不知道姓氏的克蕾儿。这就是你在我生命里的角色，<br />
				我童年时的小女孩，今日蜕变成了女人，一段青梅竹<br />
				马的回忆，一个时间之神没有应允的愿望。 一个老是<br />
				受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能<br />
				力而强大：他能“偷别人的影子”，因而能看见他<br />
			</div>
			<div id="d9">
				<img src="images2/bookNo2.gif">
			</div>
			<div id="d10">
				<img src="images2/book-02.jpg">
			</div>
			<div id="d11">
				看见(央视知名记者、主持人柴静：十年个人<br />
				成长的告白，中国社会变迁的备忘<br />
				作 者：柴静 著<br />
				出版社：广西师范大学出版社<br />
				￥ 29.40 7.4折<br />
			</div>
			<div id="d12">
				<img src="images2/book-03.jpg">
			</div>
			<div id="d13">
				<img src="images2/bookNo3.gif">
			</div>
			<div id="d14">
				改变孩子先改变自己<br/>
				作 者：贾容韬 贾毅 著<br/>
				出版社：作家出版社<br/>
				￥ 22.20 7.4折<br/>
			</div>
			<div id="d15">
				Copyright (C) 当当网 2004-2017, All Rights Reserved
				<img src="images2/validate.gif" >
				京ICP证041189号出版物经营许可证 新出发京批字第直0673号
			</div>
			<div id="d16">
				
			</div>
		</div>
	</body>
</html>
